<!doctype html>


<html>
<head>
  <link rel="shortcut icon" href="static/images/favicon.ico" type="image/x-icon">
  <title>FlatButtonRenderer (Closure Library API Documentation - JavaScript)</title>
  <link rel="stylesheet" href="static/css/base.css">
  <link rel="stylesheet" href="static/css/doc.css">
  <link rel="stylesheet" href="static/css/sidetree.css">
  <link rel="stylesheet" href="static/css/prettify.css">

  <script>
     var _staticFilePath = "static/";
     var _typeTreeName = "goog";
     var _fileTreeName = "Source";
  </script>

  <script src="static/js/doc.js">
  </script>

  <script type="text/javascript" src="//www.google.com/jsapi"></script>
  <script type="text/javascript">
     google.load("visualization", "1", {packages:["orgchart"]});
     var _loadingVisualizations = true;
  </script>

  <meta charset="utf8">
</head>

<body onload="grokdoc.onLoad();">

<div id="header">
  <div class="g-section g-tpl-50-50 g-split">
    <div class="g-unit g-first">
      <a id="logo" href="index.html">Closure Library API Documentation</a>
    </div>

    <div class="g-unit">
      <div class="g-c">
        <strong>Go to class or file:</strong>
        <input type="text" id="ac">
      </div>
    </div>
  </div>
</div>





<div class="colmask rightmenu">
<div class="colleft">
    <div class="col1">
      <!-- Column 1 start -->

<div id="title">
        <span class="fn">ui.FlatButtonRenderer</span>
        <span>Extends</span>
        <span class="fn-name">
          <a href="class_goog_ui_ButtonRenderer.html">
          goog.ui.ButtonRenderer
</a>
        </span>
</div>

<div class="g-section g-tpl-75-25">
  <div class="g-unit g-first" id="description">
    Flat renderer for <code> goog.ui.Button</code>s.  Flat buttons can contain
almost arbitrary HTML content, will flow like inline elements, but can be
styled like block-level elements.

  </div>


        <div class="g-unit" id="useful-links">
          <div class="title">Useful links</div>
          <ol>
            <li><a href="local_closure_goog_ui_flatbuttonrenderer.js.source.html"><span class='source-code-link'>Source Code</span></a></li>
            <li><a href="http://code.google.com/p/closure-library/source/browse/local/closure/goog/ui/flatbuttonrenderer.js">Git</a></li>
          </ol>
        </div>
</div>






<h2 class="g-first">Inheritance</h2>
<div class='gviz-org-chart-container goog-inline-block'>
<table class='gviz-org-chart' style='display:none'>
  <tr><td><span class="type"><a href="class_goog_ui_ControlRenderer.html">goog.ui.ControlRenderer</a></span></td><td></td></tr>
  <tr><td><span class="type"><a href="class_goog_ui_ButtonRenderer.html">goog.ui.ButtonRenderer</a></span></td><td><span class="type"><a href="class_goog_ui_ControlRenderer.html">goog.ui.ControlRenderer</a></span></td></tr>
  <tr><td>goog.ui.FlatButtonRenderer</td><td><span class="type"><a href="class_goog_ui_ButtonRenderer.html">goog.ui.ButtonRenderer</a></span></td></tr>
</table>
</div>
<div class='gviz-org-chart-container goog-inline-block'>
<table class='gviz-org-chart' style='display:none'>
      <tr><td><span class="type"><a href="class_goog_ui_FlatMenuButtonRenderer.html">goog.ui.FlatMenuButtonRenderer</a></span></td><td>goog.ui.FlatButtonRenderer</td></tr>
      <tr><td><span class="type"><a href="class_goog_ui_LinkButtonRenderer.html">goog.ui.LinkButtonRenderer</a></span></td><td>goog.ui.FlatButtonRenderer</td></tr>
  </table>
</div>




  <h2>Constructor</h2>
      <div class="fn-constructor">
    goog.ui.FlatButtonRenderer(<span></span>)
  </div>



<h2>Instance Methods</h2>


  <div class="legend">
        <span class="key publickey"></span><span>Public</span>
        <span class="key protectedkey"></span><span>Protected</span>
        <span class="key privatekey"></span><span>Private</span>
  </div>







<div>
       <div class="desc">
         Defined in
         <span class="fn-name">
            <a href="class_goog_ui_FlatButtonRenderer.html">
              goog.ui.FlatButtonRenderer
            </a>
         </span>
       </div>






<div class="section">
  <table class="horiz-rule">


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.FlatButtonRenderer.prototype.canDecorate"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">canDecorate<span class="args">(<span class="arg">element</span>)</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>
      </div>


     <div class="entryOverview">
       Returns true if this renderer can decorate the element.  Overrides
<code> goog.ui.ButtonRenderer#canDecorate</code> by returning true if the
element is a DIV, false otherwise.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">element</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">Element to decorate.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>&nbsp;
            Whether the renderer can decorate the element.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_flatbuttonrenderer.js.source.html#line95">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.FlatButtonRenderer.prototype.createDom"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">createDom<span class="args">(<span class="arg">button</span>)</span>
        </span>
        &#8658; <span>!</span><span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
      </div>


     <div class="entryOverview">
       Returns the control's contents wrapped in a div element, with
the renderer's own CSS class and additional state-specific classes applied
to it, and the button's disabled attribute set or cleared as needed.
Overrides <code> goog.ui.ButtonRenderer#createDom</code>.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">button</span>
        : <span class="type"><a href="class_goog_ui_Control.html">goog.ui.Control</a></span>
        <div class="entryOverview">Button to render.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span>!</span><span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>&nbsp;
            Root element for the button.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_flatbuttonrenderer.js.source.html#line64">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.FlatButtonRenderer.prototype.decorate"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">decorate<span class="args">(<span class="arg">button</span>,&nbsp;<span class="arg">element</span>)</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
      </div>


     <div class="entryOverview">
       Takes an existing element and decorates it with the flat button control.
Initializes the control's ID, content, tooltip, value, and state based
on the ID of the element, its child nodes, and its CSS classes, respectively.
Returns the element.  Overrides <code> goog.ui.ButtonRenderer#decorate</code>.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">button</span>
        : <span class="type"><a href="class_goog_ui_Control.html">goog.ui.Control</a></span>
        <div class="entryOverview">Button instance to decorate the element.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">element</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">Element to decorate.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>&nbsp;
            Decorated element.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_flatbuttonrenderer.js.source.html#line110">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.FlatButtonRenderer.prototype.getAriaRole"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">getAriaRole<span class="args">()</span>
        </span>
        &#8658; <span class="type">goog.a11y.aria.Role</span><span>&nbsp;|&nbsp;</span><span class="type">undefined</span>
      </div>


     <div class="entryOverview">
       Returns the ARIA role to be applied to flat buttons.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type">goog.a11y.aria.Role</span><span>&nbsp;|&nbsp;</span><span class="type">undefined</span>&nbsp;
            ARIA role.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_flatbuttonrenderer.js.source.html#line82">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.FlatButtonRenderer.prototype.getCssClass"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">getCssClass<span class="args">()</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
      </div>


     <div class="entryOverview">
       Returns the CSS class to be applied to the root element of components
rendered using this renderer.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>&nbsp;
            Renderer-specific CSS class.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_flatbuttonrenderer.js.source.html#line138">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.FlatButtonRenderer.prototype.getValue"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">getValue<span class="args">(<span class="arg">element</span>)</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
      </div>


     <div class="entryOverview">
       Flat buttons can't use the value attribute since they are div elements.
Overrides <code> goog.ui.ButtonRenderer#getValue</code> to prevent trying to
access the element's value.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">element</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">The button control's root element.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>&nbsp;
            Value not valid for flat buttons.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_flatbuttonrenderer.js.source.html#line126">code &raquo;</a>
  </td>
     </tr>


  </table>
</div>
</div>

<div>
       <div class="desc">
         Defined in
         <span class="fn-name">
            <a href="class_goog_ui_ButtonRenderer.html">
              goog.ui.ButtonRenderer
            </a>
         </span>
       </div>






<div class="section">
  <table class="horiz-rule">


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.ButtonRenderer.prototype.createDom"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">createDom<span class="args">()</span>
        </span>
      </div>


     <div class="entryOverview">
       <span class='nodesc'>No description.</span>
     </div>

   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_buttonrenderer.js.source.html#line106">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.ButtonRenderer.prototype.decorate"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">decorate<span class="args">()</span>
        </span>
      </div>


     <div class="entryOverview">
       <span class='nodesc'>No description.</span>
     </div>

   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_buttonrenderer.js.source.html#line126">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.ButtonRenderer.prototype.getAriaRole"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">getAriaRole<span class="args">()</span>
        </span>
        &#8658; <span class="type">goog.a11y.aria.Role</span><span>&nbsp;|&nbsp;</span><span class="type">undefined</span>
      </div>


     <div class="entryOverview">
       Returns the ARIA role to be applied to buttons.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type">goog.a11y.aria.Role</span><span>&nbsp;|&nbsp;</span><span class="type">undefined</span>&nbsp;
            ARIA role.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_buttonrenderer.js.source.html#line69">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.ButtonRenderer.prototype.getCssClass"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">getCssClass<span class="args">()</span>
        </span>
      </div>


     <div class="entryOverview">
       <span class='nodesc'>No description.</span>
     </div>

   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_buttonrenderer.js.source.html#line213">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.ButtonRenderer.prototype.getTooltip"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">getTooltip<span class="args">(<span class="arg">element</span>)</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span><span>&nbsp;|&nbsp;</span><span class="type">undefined</span>
      </div>


     <div class="entryOverview">
       Takes a button's root element, and returns its tooltip text.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">element</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">The button's root element.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span><span>&nbsp;|&nbsp;</span><span class="type">undefined</span>&nbsp;
            The tooltip text.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_buttonrenderer.js.source.html#line168">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.ButtonRenderer.prototype.getValue"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">getValue<span class="args">(<span class="arg">element</span>)</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span><span>&nbsp;|&nbsp;</span><span class="type">undefined</span>
      </div>


     <div class="entryOverview">
       Takes a button's root element, and returns the value associated with it.
No-op in the base class.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">element</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">The button's root element.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span><span>&nbsp;|&nbsp;</span><span class="type">undefined</span>&nbsp;
            The button's value (undefined if none).
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_buttonrenderer.js.source.html#line151">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry protected">
       <td class="access"></td>






  <td>
    <a name="goog.ui.ButtonRenderer.prototype.setCollapsed"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">setCollapsed<span class="args">(<span class="arg">button</span>,&nbsp;<span class="arg">sides</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Collapses the border on one or both sides of the button, allowing it to be
combined with the adjacent button(s), forming a single UI componenet with
multiple targets.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">button</span>
        : <span class="type"><a href="class_goog_ui_Button.html">goog.ui.Button</a></span>
        <div class="entryOverview">Button to update.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">sides</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span>
        <div class="entryOverview">Bitmap of one or more <code> goog.ui.ButtonSide</code>s for
    which borders should be collapsed.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_buttonrenderer.js.source.html#line198">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry protected">
       <td class="access"></td>






  <td>
    <a name="goog.ui.ButtonRenderer.prototype.setTooltip"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">setTooltip<span class="args">(<span class="arg">element</span>,&nbsp;<span class="arg">tooltip</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Takes a button's root element and a tooltip string, and updates the element
with the new tooltip.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">element</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">The button's root element.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">tooltip</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
        <div class="entryOverview">New tooltip text.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_buttonrenderer.js.source.html#line180">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.ButtonRenderer.prototype.setValue"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">setValue<span class="args">(<span class="arg">element</span>,&nbsp;<span class="arg">value</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Takes a button's root element and a value, and updates the element to reflect
the new value.  No-op in the base class.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">element</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">The button's root element.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">value</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
        <div class="entryOverview">New value.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_buttonrenderer.js.source.html#line160">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry protected">
       <td class="access"></td>






  <td>
    <a name="goog.ui.ButtonRenderer.prototype.updateAriaState"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">updateAriaState<span class="args">(<span class="arg">element</span>,&nbsp;<span class="arg">state</span>,&nbsp;<span class="arg">enable</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Updates the button's ARIA (accessibility) state if the button is being
treated as a checkbox. Also makes sure that attributes which aren't
supported by buttons aren't being added.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">element</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">Element whose ARIA state is to be updated.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">state</span>
        : <span class="type">goog.ui.Component.State</span>
        <div class="entryOverview">Component state being enabled or
    disabled.</div>
     </td>
   </tr>
     
   <tr class="even">
     <td>
        <span class="entryName">enable</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>
        <div class="entryOverview">Whether the state is being enabled or disabled.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_buttonrenderer.js.source.html#line85">code &raquo;</a>
  </td>
     </tr>


  </table>
</div>
</div>

<div>
       <div class="desc">
         Defined in
         <span class="fn-name">
            <a href="class_goog_ui_ControlRenderer.html">
              goog.ui.ControlRenderer
            </a>
         </span>
       </div>






<div class="section">
  <table class="horiz-rule">


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.ControlRenderer.prototype.canDecorate"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">canDecorate<span class="args">(<span class="arg">element</span>)</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>
      </div>


     <div class="entryOverview">
       Returns true if this renderer can decorate the element, false otherwise.
The default implementation always returns true.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">element</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">Element to decorate.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>&nbsp;
            Whether the renderer can decorate the element.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_controlrenderer.js.source.html#line273">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry private">
       <td class="access"></td>






  <td>
    <a name="goog.ui.ControlRenderer.prototype.createClassByStateMap_"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">createClassByStateMap_<span class="args">()</span>
        </span>
      </div>


     <div class="entryOverview">
       Creates the lookup table of states to classes, used during state changes.

     </div>

   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_controlrenderer.js.source.html#line879">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.ControlRenderer.prototype.createDom"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">createDom<span class="args">(<span class="arg">control</span>)</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
      </div>


     <div class="entryOverview">
       Returns the control's contents wrapped in a DIV, with the renderer's own
CSS class and additional state-specific classes applied to it.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">control</span>
        : <span class="type"><a href="class_goog_ui_Control.html">goog.ui.Control</a></span>
        <div class="entryOverview">Control to render.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>&nbsp;
            Root element for the control.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_controlrenderer.js.source.html#line197">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry private">
       <td class="access"></td>






  <td>
    <a name="goog.ui.ControlRenderer.prototype.createStateByClassMap_"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">createStateByClassMap_<span class="args">()</span>
        </span>
      </div>


     <div class="entryOverview">
       Creates the lookup table of classes to states, used during decoration.

     </div>

   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_controlrenderer.js.source.html#line912">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.ControlRenderer.prototype.decorate"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">decorate<span class="args">(<span class="arg">control</span>,&nbsp;<span class="arg">element</span>)</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
      </div>


     <div class="entryOverview">
       Default implementation of <code> decorate</code> for <code> goog.ui.Control</code>s.
Initializes the control's ID, content, and state based on the ID of the
element, its child nodes, and its CSS classes, respectively.  Returns the
element.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">control</span>
        : <span class="type"><a href="class_goog_ui_Control.html">goog.ui.Control</a></span>
        <div class="entryOverview">Control instance to decorate the element.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">element</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">Element to decorate.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>&nbsp;
            Decorated element.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_controlrenderer.js.source.html#line287">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.ControlRenderer.prototype.enableClassName"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">enableClassName<span class="args">(<span class="arg">control</span>,&nbsp;<span class="arg">className</span>,&nbsp;<span class="arg">enable</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Updates the control's DOM by adding or removing the specified class name
to/from its root element. May add additional combined classes as needed in
IE6 and lower. Because of this, subclasses should use this method when
modifying class names on the control's root element.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">control</span>
        : <span class="type"><a href="class_goog_ui_Control.html">goog.ui.Control</a></span><span>&nbsp;|&nbsp;</span><span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">Control instance (or root element)
    to be updated.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">className</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
        <div class="entryOverview">CSS class name to add or remove.</div>
     </td>
   </tr>
     
   <tr class="even">
     <td>
        <span class="entryName">enable</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>
        <div class="entryOverview">Whether to add or remove the class name.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_controlrenderer.js.source.html#line231">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.ControlRenderer.prototype.enableExtraClassName"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">enableExtraClassName<span class="args">(<span class="arg">control</span>,&nbsp;<span class="arg">className</span>,&nbsp;<span class="arg">enable</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Updates the control's DOM by adding or removing the specified extra class
name to/from its element.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">control</span>
        : <span class="type"><a href="class_goog_ui_Control.html">goog.ui.Control</a></span>
        <div class="entryOverview">Control to be updated.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">className</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
        <div class="entryOverview">CSS class name to add or remove.</div>
     </td>
   </tr>
     
   <tr class="even">
     <td>
        <span class="entryName">enable</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>
        <div class="entryOverview">Whether to add or remove the class name.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_controlrenderer.js.source.html#line259">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry private">
       <td class="access"></td>






  <td>
    <a name="goog.ui.ControlRenderer.prototype.getAppliedCombinedClassNames_"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">getAppliedCombinedClassNames_<span class="args">(<span class="arg">classes</span>,&nbsp;<span class="arg">opt_includedClass</span>)</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Array">Array</a></span>.&lt;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>&gt;
      </div>


     <div class="entryOverview">
       Returns an array of all the combined class names that should be applied based
on the given list of classes. Checks the result of
<code> getIe6ClassCombinations</code> for any combinations that have all
members contained in classes. If a combination matches, the members are
joined with an underscore (in order), and added to the return array.

If opt_includedClass is provided, return only the combined classes that have
all members contained in classes AND include opt_includedClass as well.
opt_includedClass is added to classes as well.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">classes</span>
        : <span class="type">goog.array.ArrayLike</span>.&lt;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>&gt;
        <div class="entryOverview">Array-like thing of classes to
    return matching combined classes for.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">opt_includedClass</span>
        : <span>?</span><span class="type">string=</span>
        <div class="entryOverview">If provided, get only the combined
    classes that include this one.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Array">Array</a></span>.&lt;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>&gt;&nbsp;
            Array of combined class names that should be
    applied.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_controlrenderer.js.source.html#line799">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.ControlRenderer.prototype.getAriaRole"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">getAriaRole<span class="args">()</span>
        </span>
        &#8658; <span class="type">goog.a11y.aria.Role</span><span>&nbsp;|&nbsp;</span><span class="type">undefined</span>
      </div>


     <div class="entryOverview">
       Returns the ARIA role to be applied to the control.
See <a href="http://wiki/Main/ARIA">http://wiki/Main/ARIA</a> for more info.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type">goog.a11y.aria.Role</span><span>&nbsp;|&nbsp;</span><span class="type">undefined</span>&nbsp;
            ARIA role.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_controlrenderer.js.source.html#line185">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry protected">
       <td class="access"></td>






  <td>
    <a name="goog.ui.ControlRenderer.prototype.getClassForState"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">getClassForState<span class="args">(<span class="arg">state</span>)</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span><span>&nbsp;|&nbsp;</span><span class="type">undefined</span>
      </div>


     <div class="entryOverview">
       Takes a single <code> goog.ui.Component.State</code>, and returns the
corresponding CSS class name (null if none).

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">state</span>
        : <span class="type">goog.ui.Component.State</span>
        <div class="entryOverview">Component state.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span><span>&nbsp;|&nbsp;</span><span class="type">undefined</span>&nbsp;
            CSS class representing the given state (undefined
    if none).
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_controlrenderer.js.source.html#line849">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry protected">
       <td class="access"></td>






  <td>
    <a name="goog.ui.ControlRenderer.prototype.getClassNames"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">getClassNames<span class="args">(<span class="arg">control</span>)</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Array">Array</a></span>.&lt;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>&gt;
      </div>


     <div class="entryOverview">
       Returns all CSS class names applicable to the given control, based on its
state.  The return value is an array of strings containing
<ol><li>the renderer-specific CSS class returned by <code> #getCssClass</code>,
      followed by
  <li>the structural CSS class returned by <code> getStructuralCssClass</code> (if
      different from the renderer-specific CSS class), followed by
  <li>any state-specific classes returned by <code> #getClassNamesForState</code>,
      followed by
  <li>any extra classes returned by the control's <code> getExtraClassNames</code>
      method and
  <li>for IE6 and lower, additional combined classes from
      <code> getAppliedCombinedClassNames_</code>.
</li></li></li></li></li></ol>
Since all controls have at least one renderer-specific CSS class name, this
method is guaranteed to return an array of at least one element.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">control</span>
        : <span class="type"><a href="class_goog_ui_Control.html">goog.ui.Control</a></span>
        <div class="entryOverview">Control whose CSS classes are to be
    returned.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Array">Array</a></span>.&lt;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>&gt;&nbsp;
            Array of CSS class names applicable to the control.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_controlrenderer.js.source.html#line749">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry protected">
       <td class="access"></td>






  <td>
    <a name="goog.ui.ControlRenderer.prototype.getClassNamesForState"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">getClassNamesForState<span class="args">(<span class="arg">state</span>)</span>
        </span>
        &#8658; <span>!</span><span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Array">Array</a></span>.&lt;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>&gt;
      </div>


     <div class="entryOverview">
       Takes a bit mask of <code> goog.ui.Component.State</code>s, and returns an array
of the appropriate class names representing the given state, suitable to be
applied to the root element of a component rendered using this renderer, or
null if no state-specific classes need to be applied.  This default
implementation uses the renderer's <code> getClassForState</code> method to
generate each state-specific class.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">state</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span>
        <div class="entryOverview">Bit mask of component states.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span>!</span><span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Array">Array</a></span>.&lt;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>&gt;&nbsp;
            Array of CSS class names representing the given
    state.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_controlrenderer.js.source.html#line827">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.ControlRenderer.prototype.getContentElement"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">getContentElement<span class="args">(<span class="arg">element</span>)</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
      </div>


     <div class="entryOverview">
       Takes the control's root element and returns the parent element of the
control's contents.  Since by default controls are rendered as a single
DIV, the default implementation returns the element itself.  Subclasses
with more complex DOM structures must override this method as needed.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">element</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">Root element of the control whose content element
    is to be returned.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>&nbsp;
            The control's content element.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_controlrenderer.js.source.html#line216">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.ControlRenderer.prototype.getCssClass"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">getCssClass<span class="args">()</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
      </div>


     <div class="entryOverview">
       Returns the CSS class name to be applied to the root element of all
components rendered or decorated using this renderer.  The class name
is expected to uniquely identify the renderer class, i.e. no two
renderer classes are expected to share the same CSS class name.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>&nbsp;
            Renderer-specific CSS class name.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_controlrenderer.js.source.html#line691">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.ControlRenderer.prototype.getIe6ClassCombinations"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">getIe6ClassCombinations<span class="args">()</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Array">Array</a></span>.&lt;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Array">Array</a></span>.&lt;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>&gt;&gt;
      </div>


     <div class="entryOverview">
       Returns an array of combinations of classes to apply combined class names for
in IE6 and below. See <code> IE6_CLASS_COMBINATIONS</code> for more detail. This
method doesn't reference <code> IE6_CLASS_COMBINATIONS</code> so that it can be
compiled out, but subclasses should return their IE6_CLASS_COMBINATIONS
static constant instead.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Array">Array</a></span>.&lt;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Array">Array</a></span>.&lt;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>&gt;&gt;&nbsp;
            Array of class name combinations.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_controlrenderer.js.source.html#line704">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.ControlRenderer.prototype.getKeyEventTarget"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">getKeyEventTarget<span class="args">(<span class="arg">control</span>)</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
      </div>


     <div class="entryOverview">
       Returns the element within the component's DOM that should receive keyboard
focus (null if none).  The default implementation returns the control's root
element.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">control</span>
        : <span class="type"><a href="class_goog_ui_Control.html">goog.ui.Control</a></span>
        <div class="entryOverview">Control whose key event target is to be
    returned.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>&nbsp;
            The key event target.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_controlrenderer.js.source.html#line676">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry protected">
       <td class="access"></td>






  <td>
    <a name="goog.ui.ControlRenderer.prototype.getStateFromClass"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">getStateFromClass<span class="args">(<span class="arg">className</span>)</span>
        </span>
        &#8658; <span class="type">goog.ui.Component.State</span>
      </div>


     <div class="entryOverview">
       Takes a single CSS class name which may represent a component state, and
returns the corresponding component state (0x00 if none).

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">className</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
        <div class="entryOverview">CSS class name, possibly representing a component
    state.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type">goog.ui.Component.State</span>&nbsp;
            state Component state corresponding
    to the given CSS class (0x00 if none).
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_controlrenderer.js.source.html#line866">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.ControlRenderer.prototype.getStructuralCssClass"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">getStructuralCssClass<span class="args">()</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>
      </div>


     <div class="entryOverview">
       Returns the name of a DOM structure-specific CSS class to be applied to the
root element of all components rendered or decorated using this renderer.
Unlike the class name returned by <code> #getCssClass</code>, the structural class
name may be shared among different renderers that generate similar DOM
structures.  The structural class name also serves as the basis of derived
class names used to identify and style structural elements of the control's
DOM, as well as the basis for state-specific class names.  The default
implementation returns the same class name as <code> #getCssClass</code>, but
subclasses are expected to override this method as needed.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/String">string</a></span>&nbsp;
            DOM structure-specific CSS class name (same as the renderer-
    specific CSS class name by default).
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_controlrenderer.js.source.html#line722">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.ControlRenderer.prototype.initializeDom"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">initializeDom<span class="args">(<span class="arg">control</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Initializes the control's DOM by configuring properties that can only be set
after the DOM has entered the document.  This implementation sets up BiDi
and keyboard focus.  Called from <code> goog.ui.Control#enterDocument</code>.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">control</span>
        : <span class="type"><a href="class_goog_ui_Control.html">goog.ui.Control</a></span>
        <div class="entryOverview">Control whose DOM is to be initialized
    as it enters the document.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_controlrenderer.js.source.html#line371">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.ControlRenderer.prototype.isFocusable"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">isFocusable<span class="args">(<span class="arg">control</span>)</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>
      </div>


     <div class="entryOverview">
       Returns true if the control's key event target supports keyboard focus
(based on its <code> tabIndex</code> attribute), false otherwise.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">control</span>
        : <span class="type"><a href="class_goog_ui_Control.html">goog.ui.Control</a></span>
        <div class="entryOverview">Control whose key event target is to be
    checked.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>&nbsp;
            Whether the control's key event target is focusable.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_controlrenderer.js.source.html#line479">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.ControlRenderer.prototype.setAllowTextSelection"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">setAllowTextSelection<span class="args">(<span class="arg">element</span>,&nbsp;<span class="arg">allow</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Allows or disallows text selection within the control's DOM.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">element</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">The control's root element.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">allow</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>
        <div class="entryOverview">Whether the element should allow text selection.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_controlrenderer.js.source.html#line449">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.ControlRenderer.prototype.setAriaRole"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">setAriaRole<span class="args">(<span class="arg">element</span>,&nbsp;<span class="arg">opt_preferredRole</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Sets the element's ARIA role.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">element</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">Element to update.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">opt_preferredRole</span>
        : <span>?</span><span class="type">goog.a11y.aria.Role=</span>
        <div class="entryOverview">The preferred ARIA role.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_controlrenderer.js.source.html#line394">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.ControlRenderer.prototype.setAriaStates"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">setAriaStates<span class="args">(<span class="arg">control</span>,&nbsp;<span class="arg">element</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Sets the element's ARIA attributes, including distinguishing between
universally supported ARIA properties and ARIA states that are only
supported by certain ARIA roles. Only attributes which are initialized to be
true will be set.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">control</span>
        : <span>!</span><span class="type"><a href="class_goog_ui_Control.html">goog.ui.Control</a></span>
        <div class="entryOverview">Control whose ARIA state will be updated.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">element</span>
        : <span>!</span><span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">Element whose ARIA state is to be updated.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_controlrenderer.js.source.html#line417">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.ControlRenderer.prototype.setContent"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">setContent<span class="args">(<span class="arg">element</span>,&nbsp;<span class="arg">content</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Takes a control's root element, and sets its content to the given text
caption or DOM structure.  The default implementation replaces the children
of the given element.  Renderers that create more complex DOM structures
must override this method accordingly.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">element</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">The control's root element.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">content</span>
        : <span class="type">goog.ui.ControlContent</span>
        <div class="entryOverview">Text caption or DOM structure to be
    set as the control's content. The DOM nodes will not be cloned, they
    will only moved under the content element of the control.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_controlrenderer.js.source.html#line634">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.ControlRenderer.prototype.setFocusable"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">setFocusable<span class="args">(<span class="arg">control</span>,&nbsp;<span class="arg">focusable</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Updates the control's key event target to make it focusable or non-focusable
via its <code> tabIndex</code> attribute.  Does nothing if the control doesn't
support the <code> FOCUSED</code> state, or if it has no key event target.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">control</span>
        : <span class="type"><a href="class_goog_ui_Control.html">goog.ui.Control</a></span>
        <div class="entryOverview">Control whose key event target is to be
    updated.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">focusable</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>
        <div class="entryOverview">Whether to enable keyboard focus support on the
    control's key event target.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_controlrenderer.js.source.html#line498">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.ControlRenderer.prototype.setRightToLeft"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">setRightToLeft<span class="args">(<span class="arg">element</span>,&nbsp;<span class="arg">rightToLeft</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Applies special styling to/from the control's element if it is rendered
right-to-left, and removes it if it is rendered left-to-right.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">element</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">The control's root element.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">rightToLeft</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>
        <div class="entryOverview">Whether the component is rendered
    right-to-left.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_controlrenderer.js.source.html#line465">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.ControlRenderer.prototype.setState"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">setState<span class="args">(<span class="arg">control</span>,&nbsp;<span class="arg">state</span>,&nbsp;<span class="arg">enable</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Updates the appearance of the control in response to a state change.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">control</span>
        : <span class="type"><a href="class_goog_ui_Control.html">goog.ui.Control</a></span>
        <div class="entryOverview">Control instance to update.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">state</span>
        : <span class="type">goog.ui.Component.State</span>
        <div class="entryOverview">State to enable or disable.</div>
     </td>
   </tr>
     
   <tr class="even">
     <td>
        <span class="entryName">enable</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>
        <div class="entryOverview">Whether the control is entering or exiting the state.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_controlrenderer.js.source.html#line548">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.ControlRenderer.prototype.setVisible"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">setVisible<span class="args">(<span class="arg">element</span>,&nbsp;<span class="arg">visible</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Shows or hides the element.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">element</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">Element to update.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">visible</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>
        <div class="entryOverview">Whether to show the element.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_controlrenderer.js.source.html#line532">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry protected">
       <td class="access"></td>






  <td>
    <a name="goog.ui.ControlRenderer.prototype.updateAriaState"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">updateAriaState<span class="args">(<span class="arg">element</span>,&nbsp;<span class="arg">state</span>,&nbsp;<span class="arg">enable</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Updates the element's ARIA (accessibility) attributes , including
distinguishing between universally supported ARIA properties and ARIA states
that are only supported by certain ARIA roles.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">element</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/DOM/Element">Element</a></span>
        <div class="entryOverview">Element whose ARIA state is to be updated.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">state</span>
        : <span class="type">goog.ui.Component.State</span>
        <div class="entryOverview">Component state being enabled or
    disabled.</div>
     </td>
   </tr>
     
   <tr class="even">
     <td>
        <span class="entryName">enable</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>
        <div class="entryOverview">Whether the state is being enabled or disabled.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_controlrenderer.js.source.html#line570">code &raquo;</a>
  </td>
     </tr>


  </table>
</div>
</div>




<h2>Instance Properties</h2>







<div>
       <div class="desc">
         Defined in
         <span class="fn-name">
            <a href="class_goog_ui_FlatButtonRenderer.html">
              goog.ui.FlatButtonRenderer
            </a>
         </span>
       </div>






<div class="section">
  <table class="horiz-rule">


     <tr class="even entry public">
       <td class="access"></td>





  <a name="goog.ui.FlatButtonRenderer.prototype.constructor"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">constructor</span>
        : 
     </div>


     <div class="entryOverview">
       <span class='nodesc'>No description.</span>
     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_flatbuttonrenderer.js.source.html#line40">Code &raquo;</a>
  </td>
     </tr>


  </table>
</div>
</div>

<div>
       <div class="desc">
         Defined in
         <span class="fn-name">
            <a href="class_goog_ui_ButtonRenderer.html">
              goog.ui.ButtonRenderer
            </a>
         </span>
       </div>






<div class="section">
  <table class="horiz-rule">


     <tr class="even entry public">
       <td class="access"></td>





  <a name="goog.ui.ButtonRenderer.prototype.constructor"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">constructor</span>
        : 
     </div>


     <div class="entryOverview">
       <span class='nodesc'>No description.</span>
     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_buttonrenderer.js.source.html#line49">Code &raquo;</a>
  </td>
     </tr>


  </table>
</div>
</div>

<div>
       <div class="desc">
         Defined in
         <span class="fn-name">
            <a href="class_goog_ui_ControlRenderer.html">
              goog.ui.ControlRenderer
            </a>
         </span>
       </div>






<div class="section">
  <table class="horiz-rule">


     <tr class="even entry private">
       <td class="access"></td>





  <a name="goog.ui.ControlRenderer.prototype.classByState_"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">classByState_</span>
        : 
     </div>


     <div class="entryOverview">
       Map of component states to state-specific structural class names,
used when changing the DOM in response to a state change.  Precomputed
and cached on first use to minimize object allocations and string
concatenation.

     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_controlrenderer.js.source.html#line897">Code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry private">
       <td class="access"></td>





  <a name="goog.ui.ControlRenderer.prototype.stateByClass_"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">stateByClass_</span>
        : 
     </div>


     <div class="entryOverview">
       Map of state-specific structural class names to component states,
used during element decoration.  Precomputed and cached on first use
to minimize object allocations and string concatenation.

     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_controlrenderer.js.source.html#line925">Code &raquo;</a>
  </td>
     </tr>


  </table>
</div>
</div>




<h2>Static Methods</h2>






<div class="section">
  <table class="horiz-rule">


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.FlatButtonRenderer.getInstance"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.ui.FlatButtonRenderer.</span><span class="entryName">getInstance<span class="args">()</span>
        </span>
      </div>


     <div class="entryOverview">
       <span class='nodesc'>No description.</span>
     </div>

   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_flatbuttonrenderer.js.source.html#line40">code &raquo;</a>
  </td>
     </tr>


  </table>
</div>



<h2>Static Properties</h2>






<div class="section">
  <table class="horiz-rule">


     <tr class="even entry public">
       <td class="access"></td>





  <a name="goog.ui.FlatButtonRenderer.CSS_CLASS"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.ui.FlatButtonRenderer.</span><span class="entryName">CSS_CLASS</span>
        : 
     </div>


     <div class="entryOverview">
       Default CSS class to be applied to the root element of components rendered
by this renderer.

     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_flatbuttonrenderer.js.source.html#line52">Code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry private">
       <td class="access"></td>





  <a name="goog.ui.FlatButtonRenderer.instance_"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.ui.FlatButtonRenderer.</span><span class="entryName">instance_</span>
        : 
     </div>


     <div class="entryOverview">
       <span class='nodesc'>No description.</span>
     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_flatbuttonrenderer.js.source.html#line40">Code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry private">
       <td class="access"></td>





  <a name="goog.ui.FlatButtonRenderer.superClass_"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.ui.FlatButtonRenderer.</span><span class="entryName">superClass_</span>
        : 
     </div>


     <div class="entryOverview">
       <span class='nodesc'>No description.</span>
     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_ui_flatbuttonrenderer.js.source.html#line40">Code &raquo;</a>
  </td>
     </tr>


  </table>
</div>









<div class="section">
  <table class="horiz-rule">


  </table>
</div>
      <!-- Column 1 end -->
    </div>

        <div class="col2">
          <!-- Column 2 start -->
          <div class="col2-c">
            <h2 id="ref-head">Package ui</h2>
            <div id="localView"></div>
          </div>

          <div class="col2-c">
            <h2 id="ref-head">Package Reference</h2>
            <div id="sideTypeIndex" rootPath="" current="ui.FlatButtonRenderer"></div>
          </div>
          <!-- Column 2 end -->
        </div>
</div>
</div>

</body>
</html>
